<nz-modal [(nzVisible)]="isVisible" [nzTitle]="title" [nzOkLoading]="isOkLoading" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">

  <form nz-form [formGroup]="formModel">

    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzRequired nzFor="mobile">模块类型</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入模块类型">
        <nz-select nzShowSearch nzPlaceHolder="请选择模块类型" formControlName="type">
          <nz-option nzLabel="首页功能栏" [nzValue]="0"></nz-option>
          <nz-option nzLabel="基础功能" [nzValue]="1"></nz-option>
          <nz-option nzLabel="礼品管理" [nzValue]="2"></nz-option>
          <nz-option nzLabel="扭蛋管理" [nzValue]="3"></nz-option>
          <nz-option nzLabel="我的" [nzValue]="4"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzRequired nzFor="mobile">模块名称</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入模块名称">
        <input nz-input  formControlName="name"  placeholder="请输入模块名称"/>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">图片路径</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入图片路径/图标名称">
        <input nz-input  formControlName="imgUrl"  placeholder="请输入图片路径/图标名称"/>
        <div style="color: #999999">*如果是图标就输入图标名称</div>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">图标颜色</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入图标颜色">
        <input nz-input  formControlName="iconColor"  placeholder="请输入图标颜色"/>
        <div style="color: #999999">*没有图标可不填写</div>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">跳转路径</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入跳转路径">
        <input nz-input  formControlName="imgUrl"  placeholder="请输入跳转路径"/>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">排序</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入排序">
        <input nz-input  formControlName="sort"  placeholder="请输入排序"/>
        <div style="color: #999999">*不填则在当前选中的模块类型自动递增</div>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">子账号是否可看</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24">
        <nz-switch nzCheckedChildren="可看" nzUnCheckedChildren="不可看" formControlName = "allocationType"></nz-switch>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSpan]="6" nzFor="mobile">状态</nz-form-label>
      <nz-form-control [nzSm]="15"  [nzXs]="24">
        <nz-switch nzCheckedChildren="上架" nzUnCheckedChildren="下架" formControlName = "status"></nz-switch>
      </nz-form-control>
    </nz-form-item>

  </form>

</nz-modal>
